<template>
	<view class="container">
		<top-back-navbar position="fixed" title="商场" background="#000" color="#fff"></top-back-navbar>
		<view class="home-nav-group">
			<view class="home-nav-item" v-for="(item,index) in navList" :key="index" @click="jumpto(item.path)" :style="`text-align: center;background: url(${item.img}) 0 0 no-repeat;background-size: 100% 100%`">
				<!-- <image :src="item.img"></image> -->
				<view class="home-nav-text">{{item.name}}</view>
			</view>
		</view>
		<tabbars :current="0"></tabbars>
	</view>
	
</template>

<script>
	export default {
		data() {
			return {
				navList:[
					{name:'商品购买',path:'/pagesSM/goods/goods?cate=1286',type:'nav',img:'/static/images/home/sm_item_bg.png'},
					{name:'数字钱包',path:'/pagesSM/qianbao/qianbao',type:'nav',img:'/static/images/home/sm_item_bg.png'},
					{name:'仓单交易',path:'/pagesSM/position/cd_CTC_order2',type:'nav',img:'/static/images/home/sm_item_bg.png'},
					{name:'我的社区',path:'/pagesSM/member/myteam',type:'nav',img:'/static/images/home/sm_item_bg.png'},
					{name:'项目讲解',path:'/pagesSM/pattern/pattern',type:'nav',img:'/static/images/home/sm_item_bg.png'},
				]
			};
		},
		onLoad: function() {
		},
		methods:{
			jumpto(path) {
				uni.navigateTo({
					url: path
				});
			}
		}
	}
</script>

<style lang="scss">
	page {
	  height: 100%;
	}
	.container {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100vh;
		background: url('/static/images/home/sm_home_bg.png') center -70rpx no-repeat;
		background-size: 100% 106%;
		box-sizing: border-box;
		.home-nav-group{
			width: 500rpx;
			.home-nav-item{
				position: relative;
				margin-bottom:50rpx;
				height: 62px;
				background-size: 100% 100% ;
				// image{
				// 	width: 100%;
				// 	height: 100%;
				// }
				.home-nav-text{
					height: 62px;
					line-height: 62px;
					// padding-left:80rpx;
					font-size:55rpx;
					font-weight: bold;
					align-items: center;
					color: #6f706f;
					font-family: "宋体";
					letter-spacing:8rpx;
					text-align: center;
				}
			}
		}
	}
</style>
